const routes = [
  { path: '/', redirect: '/main' },
  {
    path: '/main', redirect: '/home', component: () => import('../views/Main.vue'),
    children: [
      { path: '/home', name: 'homeIndex', component: () => import('../views/home/index.vue') },
      {
        path: '/taskIndex', name: 'taskIndex', component: () => import('../views/person-task/index.vue'), children: [
          { path: '/incompleteTasks', name: 'incompleteTask', component: () => import('../views/person-task/task/incompleteTasks.vue') },
          { path: '/CompleteTasks', name: 'completeTasks', component: () => import('../views/person-task/task/completeTasks.vue') }
        ]
      },
      { path: '/user', name: 'userIndex', component: () => import('../views/user/index.vue') },
      {
        path: '/other', name: 'otherIndex', component: () => import('../views/other'), children:
          [
            { path: '/page01', name: 'page01', component: () => import('../views/other/page01.vue') },
            { path: '/page02', name: 'page02', component: () => import('../views/other/page02.vue') }
          ]
      }
    ]
  }
]

export default routes